<!DOCTYPE html>
<html lang="en">
<head>
<title>律师订单</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<link rel="stylesheet" type="text/css" href="css/global.css"/>
<link rel="stylesheet" type="text/css" href="css/l-law-order.css"/>
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!-- //font -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.js"></script>

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
  <div class="l-main l-container">
		<!-- banner -->
		<div class="banner container-fluid">
			<div class="row l-banner_img">
				<img src="image/banner_img-1.png"  class="img-responsive">
			</div>
		</div>
		<!-- -fluid -->
		<div class="l-law-order l-flex-item_c-just_c">
			<div class="l-list-width">
				<h1 class="l-head-1">订单大厅</h1>
				<div class="l-flex l-flex-just_c">
					<div class="l-flex l-flex-wrap">
						<script type="text/javascript">
							for (var i = 0; i < 12; i++) {
								document.write(
									'<div class="l-card">'+
									'<div class="l-card-view">'+
									'	<div class="l-card-view-top">'+
									'		<div class="l-card-view-item-1">'+
									'			<span class="l-card-view-title"><a style="color:#333333;" href="./order_detail.html">法律咨询</a></span> <span class="l-card-view-item-1-span">常规</span>'+
									'		</div>'+
									'		<div class="l-card-view-item-2">'+
									'			¥15.00'+
									'		</div>'+
									'		<div class="l-card-view-item-3 l-flex-item_c-just_sb">'+
									'			<span class="l-card-view-date">2019-07-27 16:20</span>'+
									'			<button type="button" class="l-card-view-item-3-btn">等待接单</button>'+
									'		</div>'+
									'	</div>'+
									'	<div class="l-card-view-btm l-line-clamp2">'+
									'		基本案情：我们和开发商打官司，住房违约金一个法官负 责给了，另外一个法官一直拖延不给我们'+
									'		基本案情：我们和开发商打官司，住房违约金一个法官负 责给了，另外一个法官一直拖延不给我们'+
									'	</div>'+
									'</div>'+
								'</div>'
								)
							}
						</script>
					</div>
				</div>
				
				<div class="l-page-view l-flex l-flex-just_end">
					<div class="l-pages l-flex">
						<div class="l-pages-item">
							&lt;
						</div>
						<div class="l-pages-item">
							1
						</div>
						<div class="l-pages-item">
							2
						</div>
						<div class="l-pages-item">
							3
						</div>
						<div class="l-pages-item l-pages-item-not-border">
							...
						</div>
						<div class="l-pages-item">
							&gt;
						</div>
					</div>
				</div>
			</div>
			
			
		</div>
		
	</div>
</body>	
</html>